﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Pages/Site.Master" AutoEventWireup="true" Inherits="GMS.Pages_SinkOptions" Codebehind="SinkOptions.aspx.cs" %>


<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
<script type="text/javascript" language="javascript">
    function isNumberKey() {
        if (!(((event.keyCode >= 48 && event.keyCode <= 57) || (event.keyCode >= 96 && event.keyCode <= 105)) || (event.keyCode == 8) || (event.keyCode == 9) || (event.keyCode == 37) || (event.keyCode == 39) || (event.keyCode == 46) || (event.keyCode == 190)))
            event.returnValue = false;
    }
</script>
    <div class="container">
        <div class="container_center">
            <h2>
                Select Sink Option
            </h2>
            <p>
                <strong>Add Sink</strong> </p> 
            <p>
                    Select from one of our free high quality, 18 gauge, stainless steel sinks.
	        </p>
            <p>
                <strong>Provide Your Own Sink</strong> </p> 
            <p>
                    If you already have a sink, select this option to specify how you would like the sink to be mounted.
            </p>
            <p>
                <strong>No Sink, Skip this Step</strong> </p> 
            <p>
                    If your countertop does not include a sink, select No Sink, Skip this Step.
            </p>
        
        <br />
        <div>
         <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
         <asp:UpdatePanel ID="UpdatePanel1" runat="server">
           <ContentTemplate>
               
            <asp:Repeater ID="rptrSink" runat="server" OnItemCommand="rptrSink_ItemCommand" OnItemDataBound="rptrSelectSinkOption_ItemDataBound">
                    <HeaderTemplate>
                        <ul class="media-grid">
                        </HeaderTemplate>
                        <ItemTemplate>
                            <li>
                            <div class="well span4" style="text-align: center;" id="dvImg" runat="server">
                            <asp:ImageButton ID="imgBtn1" CssClass="thumbnail" runat="server" AlternateText='<%# Bind("ImagePath") %>'
                            ImageUrl='<%# Bind("ImagePath") %>' ToolTip='<%# Bind("SinkOptionCategoryId") %>' CommandName="Click"
                            CommandArgument='<%# Bind("SinkOptionCategoryId") %>'  Height="150" Width="210" />
                        <br />
                        <p><asp:Label ID="lbl2" runat="server" Text='<%# Bind("Description") %>' Font-Bold="true"></asp:Label></p>
                    </div>
                </li>
                </ItemTemplate>
               <FooterTemplate>
               </ul>
              </FooterTemplate>
            </asp:Repeater>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <br />
        </div>
        <div class="well" style="text-align: right;">
            <asp:Button ID="btnBack" runat="server" CssClass="btn primary" Text="Back" OnClick="btnBack_Click" />
            <asp:Button ID="btnNext" runat="server" CssClass="btn primary" Text="Next" OnClick="btnNext_Click" />
        </div>
    </div>
</asp:Content>
